@model MobileWebsiteGenerator.Entities.Page
@{
    ViewBag.Title = "";
    Layout = "~/Views/Shared/_Layout_Login.cshtml";
}
<script type="text/javascript">
    $(document).ready(function () {
        updatePage();
        $("#isHebrew").change(function () {
            updatePage();
        });
    });
    function updatePage() {
        if ($("#isHebrew").is(':checked')) {
            $("#HTitle").show("slow");
            $("label[for=HTitle],#HTitle").show("slow");
            $("#HContent_tbl").show("slow");
            $("label[for=HContent]").show("slow");
            $("#title").hide("slow");
            $("label[for=title],#title").hide("slow");
            $("#EContent_tbl").hide("slow");
            $("label[for=EContent]").hide("slow");

        }
        else {
            $("#HTitle").hide("slow");
            $("lable[for='HTitle']").hide("slow");
            $("label[for=HTitle],#HTitle").hide("slow");
            $("#HContent_tbl").hide("slow");
            $("label[for=HContent]").hide("slow");
            $("#title").show("slow");
            $("label[for=title],#title").show("slow");
            $("#EContent_tbl").show("slow");
            $("label[for=EContent]").show("slow");
        }
    }
</script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<div >
   
    <h3>
        Add New Page @*<span style="float: right;">Hebrew ?
            <input type="checkbox" id="isHebrew" name="isHebrew" /></span>*@</h3>
    @using (Html.BeginForm())
    {
        @Html.ValidationSummary(true)
        <fieldset>
            <legend></legend>
            <div style="margin-left:38px; " id="form1">
                <div class="form_row">
                    <label>
                        Title:</label>
                    <input class="text-box single-line form_input" id="title" name="title" type="text" value="@Html.DisplayFor(Model => Model.title)" />
                </div>
                <div class="form_row">
                    <label>
                        Content</label>
                    @Html.EditorFor(model => model.EContent, new { @class = "text-box single-line form_input" })
                </div>
                

            <div class="form_row">
              <label>
                  Page order</label>  

                    @Html.DropDownListFor(model => model.Priority, new SelectList(new[] { "1", "2", "3", "4", "5", "6", "7", "8", "9", "10" }), "Select" , new { @class = "test" })
                  
                   </div>
                       
       
                <div  class="form_row">
                    <a  href="@Url.Action("Create", "Website", @MobileWebsiteGenerator.MvcApplication._MainCustomer)"   style="float:left;"  id="GoToMain" title="Go to Main page">
                          <img src="../../images/Arrow Left.png"></a>
                        <input  type="submit" class="form_submit" value="Create" id="create" />
                </div>
            </div>








        </fieldset>
    
    


    }
</div>
@section MobilePreview
{
    @Html.Partial("_PreviewOnMobile", MobileWebsiteGenerator.MvcApplication._MainCustomer);
}


<style type="text/css">
    #create:hover
    {
        background-color: #11639d;
        color: White;
    }
    
    #form1 .form_row label
    {
        background-color: #11639d;
        color: White;
    }
</style>

<style type="text/css">
.test
{
    width: 353px;
height: 30px;
background-color: #EEE;
color: #4F4F4D;
border: 1px solid #CCC;
float: left;
padding: 0px 0 0 5px;
    }

</style>
